<!doctype html>
<html class="no-js" lang="">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="x-ua-compatible" content="ie=edge">
        <title>eh documentation</title>
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width, initial-scale=1">

        <link rel="icon" type="image/x-icon" href="../images/favicon.ico">
	      <link rel="stylesheet" href="../styles/style.css">
    </head>
    <body>

        <div class="navbar navbar-default navbar-fixed-top visible-xs">
            <a href="../" class="navbar-brand">eh documentation</a>
            <button type="button" class="btn btn-default btn-menu ion-ios-menu" id="btn-menu"></button>
        </div>

        <div class="xs-menu menu" id="mobile-menu">
                <div id="book-search-input" role="search">
    <input type="text" placeholder="Type to search">
</div>
            <compodoc-menu></compodoc-menu>
        </div>

        <div class="container-fluid main">
           <div class="row main">
               <div class="hidden-xs menu">
                   <compodoc-menu mode="normal"></compodoc-menu>
               </div>
               <!-- START CONTENT -->
               <div class="content component">
                   <div class="content-data">




<ol class="breadcrumb">
  <li>Components</li>
  <li>GoodComponent</li>
</ol>

<ul class="nav nav-tabs" role="tablist">
        <li class="active">
            <a href="#info" role="tab" id="info-tab" data-toggle="tab" data-link="info">Info</a>
        </li>
        <li >
            <a href="#source" role="tab" id="source-tab" data-toggle="tab" data-link="source">Source</a>
        </li>
        <li >
            <a href="#templateData" role="tab" id="templateData-tab" data-toggle="tab" data-link="template">Template</a>
        </li>
        <li >
            <a href="#tree" role="tab" id="tree-tab" data-toggle="tab" data-link="dom-tree">DOM Tree</a>
        </li>
</ul>

<div class="tab-content">
    <div class="tab-pane fade active in" id="c-info"><p class="comment">
    <h3>File</h3>
</p>
<p class="comment">
    <code>src/app/user/cpt/good/good.component.ts</code>
</p>



    <p class="comment">
        <h3>Implements</h3>
    </p>
    <p class="comment">
                <code><a href="https://angular.io/api/core/OnInit" target="_blank" >OnInit</a></code>
    </p>


<section>
    <h3>Metadata</h3>
    <table class="table table-sm table-hover">
        <tbody>











            <tr>
                <td class="col-md-3">selector</td>
                <td class="col-md-9"><code>app-good</code></td>
            </tr>

            <tr>
                <td class="col-md-3">styleUrls</td>
                <td class="col-md-9"><code>good.component.scss</code></td>
            </tr>



            <tr>
                <td class="col-md-3">templateUrl</td>
                <td class="col-md-9"><code>./good.component.html</code></td>
            </tr>


        </tbody>
    </table>
</section>

    <section>
    <h3 id="index">Index</h3>
    <table class="table table-sm table-bordered index-table">
        <tbody>
                <tr>
                    <td class="col-md-4">
                        <h6><b>Properties</b></h6>
                    </td>
                </tr>
                <tr>
                    <td class="col-md-4">
                        <ul class="index-list">
                            <li>
                                <a href="#agreeRule">agreeRule</a>
                            </li>
                            <li>
                                <a href="#form">form</a>
                            </li>
                            <li>
                                <a href="#isEdit">isEdit</a>
                            </li>
                            <li>
                                <a href="#loading">loading</a>
                            </li>
                            <li>
                                <a href="#query">query</a>
                            </li>
                            <li>
                                <a href="#radioValue">radioValue</a>
                            </li>
                            <li>
                                <a href="#spendTimeLists">spendTimeLists</a>
                            </li>
                            <li>
                                <a href="#validateForm">validateForm</a>
                            </li>
                        </ul>
                    </td>
                </tr>

                <tr>
                    <td class="col-md-4">
                        <h6><b>Methods</b></h6>
                    </td>
                </tr>
                <tr>
                    <td class="col-md-4">
                        <ul class="index-list">
                            <li>
                                <a href="#addListen">addListen</a>
                            </li>
                            <li>
                                <a href="#getFormData">getFormData</a>
                            </li>
                            <li>
                                <a href="#initFormData">initFormData</a>
                            </li>
                            <li>
                                <a href="#initPhone">initPhone</a>
                            </li>
                            <li>
                                <a href="#initSpendTimeLists">initSpendTimeLists</a>
                            </li>
                            <li>
                                <a href="#isPhone">isPhone</a>
                            </li>
                            <li>
                                    <span class="modifier">Async</span>
                                <a href="#ngOnInit">ngOnInit</a>
                            </li>
                            <li>
                                <a href="#onChangeAim">onChangeAim</a>
                            </li>
                            <li>
                                <a href="#onChangeAreaRange">onChangeAreaRange</a>
                            </li>
                            <li>
                                    <span class="modifier">Async</span>
                                <a href="#onChangeFile">onChangeFile</a>
                            </li>
                            <li>
                                <a href="#onChangeMap">onChangeMap</a>
                            </li>
                            <li>
                                <a href="#onChangeSpendTime">onChangeSpendTime</a>
                            </li>
                            <li>
                                <a href="#onChangeType">onChangeType</a>
                            </li>
                            <li>
                                <a href="#onChangeXlsxData">onChangeXlsxData</a>
                            </li>
                            <li>
                                <a href="#onInputClubName">onInputClubName</a>
                            </li>
                            <li>
                                    <span class="modifier">Async</span>
                                <a href="#onSubmit">onSubmit</a>
                            </li>
                            <li>
                                <a href="#toggleEdit">toggleEdit</a>
                            </li>
                        </ul>
                    </td>
                </tr>





                    <tr>
                        <td class="col-md-4">
                            <h6><b>Accessors</b></h6>
                        </td>
                    </tr>
                    <tr>
                        <td class="col-md-4">
                            <ul class="index-list">
                                <li>
                                    <a href="#validateData">validateData</a>
                                </li>
                                <li>
                                    <a href="#btnText">btnText</a>
                                </li>
                            </ul>
                        </td>
                    </tr>
        </tbody>
    </table>
</section>

    <section>
    <h3 id="constructor">Constructor</h3>
        <table class="table table-sm table-bordered">
            <tbody>
                <tr>
                    <td class="col-md-4">
<code>constructor(regService: , fb: <a href="https://angular.io/api/forms/FormBuilder" target="_blank">FormBuilder</a>, storeService: , nzMessageService: , utilsService: , router: <a href="https://angular.io/api/router/Router" target="_blank">Router</a>, activatedRoute: <a href="https://angular.io/api/router/ActivatedRoute" target="_blank">ActivatedRoute</a>)</code>
                    </td>
                </tr>
                        <tr>
                            <td class="col-md-4">
                                <div class="io-line">Defined in <a href="" data-line="20" class="link-to-prism">src/app/user/cpt/good/good.component.ts:20</a></div>
                            </td>
                        </tr>

                <tr>
                    <td class="col-md-4">
                            <div>
                                    <b>Parameters :</b>
                                    <table class="params">
                                        <thead>
                                            <tr>
                                                <td>Name</td>
                                                    <td>Type</td>
                                                <td>Optional</td>
                                            </tr>
                                        </thead>
                                        <tbody>
                                                <tr>
                                                        <td>regService</td>
                                                  
                                                        <td>
                                                        </td>
                                                  
                                                    <td>
                                                            No
                                                    </td>
                                                    
                                                </tr>
                                                <tr>
                                                        <td>fb</td>
                                                  
                                                        <td>
                                                                    <code><a href="https://angular.io/api/forms/FormBuilder" target="_blank" >FormBuilder</a></code>
                                                        </td>
                                                  
                                                    <td>
                                                            No
                                                    </td>
                                                    
                                                </tr>
                                                <tr>
                                                        <td>storeService</td>
                                                  
                                                        <td>
                                                        </td>
                                                  
                                                    <td>
                                                            No
                                                    </td>
                                                    
                                                </tr>
                                                <tr>
                                                        <td>nzMessageService</td>
                                                  
                                                        <td>
                                                        </td>
                                                  
                                                    <td>
                                                            No
                                                    </td>
                                                    
                                                </tr>
                                                <tr>
                                                        <td>utilsService</td>
                                                  
                                                        <td>
                                                        </td>
                                                  
                                                    <td>
                                                            No
                                                    </td>
                                                    
                                                </tr>
                                                <tr>
                                                        <td>router</td>
                                                  
                                                        <td>
                                                                    <code><a href="https://angular.io/api/router/Router" target="_blank" >Router</a></code>
                                                        </td>
                                                  
                                                    <td>
                                                            No
                                                    </td>
                                                    
                                                </tr>
                                                <tr>
                                                        <td>activatedRoute</td>
                                                  
                                                        <td>
                                                                    <code><a href="https://angular.io/api/router/ActivatedRoute" target="_blank" >ActivatedRoute</a></code>
                                                        </td>
                                                  
                                                    <td>
                                                            No
                                                    </td>
                                                    
                                                </tr>
                                        </tbody>
                                    </table>
                            </div>
                    </td>
                </tr>
            </tbody>
        </table>
</section>





    <section>
    
        <h3 id="methods">
            Methods
        </h3>
        <table class="table table-sm table-bordered">
            <tbody>
                <tr>
                    <td class="col-md-4">
                        <a name="addListen"></a>
                        <span class="name">
                            <b>
                            addListen
                            </b>
                            <a href="#addListen"><span class="icon ion-ios-link"></span></a>
                        </span>
                    </td>
                </tr>
                <tr>
                    <td class="col-md-4">
<code>addListen()</code>
                    </td>
                </tr>


                        <tr>
                            <td class="col-md-4">
                                    <div class="io-line">Defined in <a href="" data-line="124" class="link-to-prism">src/app/user/cpt/good/good.component.ts:124</a></div>
                            </td>
                        </tr>


                <tr>
                    <td class="col-md-4">

                            <div class="io-description">
                                <b>Returns : </b>    <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>

                            </div>
                    </td>
                </tr>
            </tbody>
        </table>
        <table class="table table-sm table-bordered">
            <tbody>
                <tr>
                    <td class="col-md-4">
                        <a name="getFormData"></a>
                        <span class="name">
                            <b>
                            getFormData
                            </b>
                            <a href="#getFormData"><span class="icon ion-ios-link"></span></a>
                        </span>
                    </td>
                </tr>
                <tr>
                    <td class="col-md-4">
<code>getFormData()</code>
                    </td>
                </tr>


                        <tr>
                            <td class="col-md-4">
                                    <div class="io-line">Defined in <a href="" data-line="188" class="link-to-prism">src/app/user/cpt/good/good.component.ts:188</a></div>
                            </td>
                        </tr>


                <tr>
                    <td class="col-md-4">

                            <div class="io-description">
                                <b>Returns : </b>    <code>{}</code>

                            </div>
                    </td>
                </tr>
            </tbody>
        </table>
        <table class="table table-sm table-bordered">
            <tbody>
                <tr>
                    <td class="col-md-4">
                        <a name="initFormData"></a>
                        <span class="name">
                            <b>
                            initFormData
                            </b>
                            <a href="#initFormData"><span class="icon ion-ios-link"></span></a>
                        </span>
                    </td>
                </tr>
                <tr>
                    <td class="col-md-4">
<code>initFormData()</code>
                    </td>
                </tr>


                        <tr>
                            <td class="col-md-4">
                                    <div class="io-line">Defined in <a href="" data-line="158" class="link-to-prism">src/app/user/cpt/good/good.component.ts:158</a></div>
                            </td>
                        </tr>


                <tr>
                    <td class="col-md-4">

                            <div class="io-description">
                                <b>Returns : </b>    <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>

                            </div>
                    </td>
                </tr>
            </tbody>
        </table>
        <table class="table table-sm table-bordered">
            <tbody>
                <tr>
                    <td class="col-md-4">
                        <a name="initPhone"></a>
                        <span class="name">
                            <b>
                            initPhone
                            </b>
                            <a href="#initPhone"><span class="icon ion-ios-link"></span></a>
                        </span>
                    </td>
                </tr>
                <tr>
                    <td class="col-md-4">
<code>initPhone()</code>
                    </td>
                </tr>


                        <tr>
                            <td class="col-md-4">
                                    <div class="io-line">Defined in <a href="" data-line="170" class="link-to-prism">src/app/user/cpt/good/good.component.ts:170</a></div>
                            </td>
                        </tr>


                <tr>
                    <td class="col-md-4">

                            <div class="io-description">
                                <b>Returns : </b>    <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>

                            </div>
                    </td>
                </tr>
            </tbody>
        </table>
        <table class="table table-sm table-bordered">
            <tbody>
                <tr>
                    <td class="col-md-4">
                        <a name="initSpendTimeLists"></a>
                        <span class="name">
                            <b>
                            initSpendTimeLists
                            </b>
                            <a href="#initSpendTimeLists"><span class="icon ion-ios-link"></span></a>
                        </span>
                    </td>
                </tr>
                <tr>
                    <td class="col-md-4">
<code>initSpendTimeLists()</code>
                    </td>
                </tr>


                        <tr>
                            <td class="col-md-4">
                                    <div class="io-line">Defined in <a href="" data-line="174" class="link-to-prism">src/app/user/cpt/good/good.component.ts:174</a></div>
                            </td>
                        </tr>


                <tr>
                    <td class="col-md-4">

                            <div class="io-description">
                                <b>Returns : </b>    <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>

                            </div>
                    </td>
                </tr>
            </tbody>
        </table>
        <table class="table table-sm table-bordered">
            <tbody>
                <tr>
                    <td class="col-md-4">
                        <a name="isPhone"></a>
                        <span class="name">
                            <b>
                            isPhone
                            </b>
                            <a href="#isPhone"><span class="icon ion-ios-link"></span></a>
                        </span>
                    </td>
                </tr>
                <tr>
                    <td class="col-md-4">
<code>isPhone(v: )</code>
                    </td>
                </tr>


                        <tr>
                            <td class="col-md-4">
                                    <div class="io-line">Defined in <a href="" data-line="166" class="link-to-prism">src/app/user/cpt/good/good.component.ts:166</a></div>
                            </td>
                        </tr>


                <tr>
                    <td class="col-md-4">

                            <div class="io-description">
                                    <b>Parameters :</b>
                                    <table class="params">
                                        <thead>
                                            <tr>
                                                <td>Name</td>
                                                <td>Optional</td>
                                            </tr>
                                        </thead>
                                        <tbody>
                                                <tr>
                                                        <td>v</td>
                                                    
                                                    <td>
                                                            No
                                                    </td>
                                                    

                                                </tr>
                                        </tbody>
                                    </table>
                            </div>
                            <div>
                            </div>
                            <div class="io-description">
                                <b>Returns : </b>    <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >any</a></code>

                            </div>
                                <div class="io-description">
                                    
                                </div>
                    </td>
                </tr>
            </tbody>
        </table>
        <table class="table table-sm table-bordered">
            <tbody>
                <tr>
                    <td class="col-md-4">
                        <a name="ngOnInit"></a>
                        <span class="name">
                            <b>
                                <span class="modifier">Async</span>
                            ngOnInit
                            </b>
                            <a href="#ngOnInit"><span class="icon ion-ios-link"></span></a>
                        </span>
                    </td>
                </tr>
                <tr>
                    <td class="col-md-4">
                            <span class="modifier-icon icon ion-ios-reset"></span>
                        <code>ngOnInit()</code>
                    </td>
                </tr>


                        <tr>
                            <td class="col-md-4">
                                    <div class="io-line">Defined in <a href="" data-line="119" class="link-to-prism">src/app/user/cpt/good/good.component.ts:119</a></div>
                            </td>
                        </tr>


                <tr>
                    <td class="col-md-4">

                            <div class="io-description">
                                <b>Returns : </b>    <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >any</a></code>

                            </div>
                    </td>
                </tr>
            </tbody>
        </table>
        <table class="table table-sm table-bordered">
            <tbody>
                <tr>
                    <td class="col-md-4">
                        <a name="onChangeAim"></a>
                        <span class="name">
                            <b>
                            onChangeAim
                            </b>
                            <a href="#onChangeAim"><span class="icon ion-ios-link"></span></a>
                        </span>
                    </td>
                </tr>
                <tr>
                    <td class="col-md-4">
<code>onChangeAim(e: )</code>
                    </td>
                </tr>


                        <tr>
                            <td class="col-md-4">
                                    <div class="io-line">Defined in <a href="" data-line="231" class="link-to-prism">src/app/user/cpt/good/good.component.ts:231</a></div>
                            </td>
                        </tr>


                <tr>
                    <td class="col-md-4">

                            <div class="io-description">
                                    <b>Parameters :</b>
                                    <table class="params">
                                        <thead>
                                            <tr>
                                                <td>Name</td>
                                                <td>Optional</td>
                                            </tr>
                                        </thead>
                                        <tbody>
                                                <tr>
                                                        <td>e</td>
                                                    
                                                    <td>
                                                            No
                                                    </td>
                                                    

                                                </tr>
                                        </tbody>
                                    </table>
                            </div>
                            <div>
                            </div>
                            <div class="io-description">
                                <b>Returns : </b>    <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>

                            </div>
                                <div class="io-description">
                                    
                                </div>
                    </td>
                </tr>
            </tbody>
        </table>
        <table class="table table-sm table-bordered">
            <tbody>
                <tr>
                    <td class="col-md-4">
                        <a name="onChangeAreaRange"></a>
                        <span class="name">
                            <b>
                            onChangeAreaRange
                            </b>
                            <a href="#onChangeAreaRange"><span class="icon ion-ios-link"></span></a>
                        </span>
                    </td>
                </tr>
                <tr>
                    <td class="col-md-4">
<code>onChangeAreaRange(e: )</code>
                    </td>
                </tr>


                        <tr>
                            <td class="col-md-4">
                                    <div class="io-line">Defined in <a href="" data-line="224" class="link-to-prism">src/app/user/cpt/good/good.component.ts:224</a></div>
                            </td>
                        </tr>


                <tr>
                    <td class="col-md-4">

                            <div class="io-description">
                                    <b>Parameters :</b>
                                    <table class="params">
                                        <thead>
                                            <tr>
                                                <td>Name</td>
                                                <td>Optional</td>
                                            </tr>
                                        </thead>
                                        <tbody>
                                                <tr>
                                                        <td>e</td>
                                                    
                                                    <td>
                                                            No
                                                    </td>
                                                    

                                                </tr>
                                        </tbody>
                                    </table>
                            </div>
                            <div>
                            </div>
                            <div class="io-description">
                                <b>Returns : </b>    <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>

                            </div>
                                <div class="io-description">
                                    
                                </div>
                    </td>
                </tr>
            </tbody>
        </table>
        <table class="table table-sm table-bordered">
            <tbody>
                <tr>
                    <td class="col-md-4">
                        <a name="onChangeFile"></a>
                        <span class="name">
                            <b>
                                <span class="modifier">Async</span>
                            onChangeFile
                            </b>
                            <a href="#onChangeFile"><span class="icon ion-ios-link"></span></a>
                        </span>
                    </td>
                </tr>
                <tr>
                    <td class="col-md-4">
                            <span class="modifier-icon icon ion-ios-reset"></span>
                        <code>onChangeFile(e: <a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank">any</a>)</code>
                    </td>
                </tr>


                        <tr>
                            <td class="col-md-4">
                                    <div class="io-line">Defined in <a href="" data-line="240" class="link-to-prism">src/app/user/cpt/good/good.component.ts:240</a></div>
                            </td>
                        </tr>


                <tr>
                    <td class="col-md-4">

                            <div class="io-description">
                                    <b>Parameters :</b>
                                    <table class="params">
                                        <thead>
                                            <tr>
                                                <td>Name</td>
                                                    <td>Type</td>
                                                <td>Optional</td>
                                            </tr>
                                        </thead>
                                        <tbody>
                                                <tr>
                                                        <td>e</td>
                                                        <td>
                                                                    <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >any</a></code>
                                                        </td>
                                                    
                                                    <td>
                                                            No
                                                    </td>
                                                    

                                                </tr>
                                        </tbody>
                                    </table>
                            </div>
                            <div>
                            </div>
                            <div class="io-description">
                                <b>Returns : </b>    <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >any</a></code>

                            </div>
                                <div class="io-description">
                                    
                                </div>
                    </td>
                </tr>
            </tbody>
        </table>
        <table class="table table-sm table-bordered">
            <tbody>
                <tr>
                    <td class="col-md-4">
                        <a name="onChangeMap"></a>
                        <span class="name">
                            <b>
                            onChangeMap
                            </b>
                            <a href="#onChangeMap"><span class="icon ion-ios-link"></span></a>
                        </span>
                    </td>
                </tr>
                <tr>
                    <td class="col-md-4">
<code>onChangeMap(e: )</code>
                    </td>
                </tr>


                        <tr>
                            <td class="col-md-4">
                                    <div class="io-line">Defined in <a href="" data-line="235" class="link-to-prism">src/app/user/cpt/good/good.component.ts:235</a></div>
                            </td>
                        </tr>


                <tr>
                    <td class="col-md-4">

                            <div class="io-description">
                                    <b>Parameters :</b>
                                    <table class="params">
                                        <thead>
                                            <tr>
                                                <td>Name</td>
                                                <td>Optional</td>
                                            </tr>
                                        </thead>
                                        <tbody>
                                                <tr>
                                                        <td>e</td>
                                                    
                                                    <td>
                                                            No
                                                    </td>
                                                    

                                                </tr>
                                        </tbody>
                                    </table>
                            </div>
                            <div>
                            </div>
                            <div class="io-description">
                                <b>Returns : </b>    <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>

                            </div>
                                <div class="io-description">
                                    
                                </div>
                    </td>
                </tr>
            </tbody>
        </table>
        <table class="table table-sm table-bordered">
            <tbody>
                <tr>
                    <td class="col-md-4">
                        <a name="onChangeSpendTime"></a>
                        <span class="name">
                            <b>
                            onChangeSpendTime
                            </b>
                            <a href="#onChangeSpendTime"><span class="icon ion-ios-link"></span></a>
                        </span>
                    </td>
                </tr>
                <tr>
                    <td class="col-md-4">
<code>onChangeSpendTime(e: )</code>
                    </td>
                </tr>


                        <tr>
                            <td class="col-md-4">
                                    <div class="io-line">Defined in <a href="" data-line="253" class="link-to-prism">src/app/user/cpt/good/good.component.ts:253</a></div>
                            </td>
                        </tr>


                <tr>
                    <td class="col-md-4">

                            <div class="io-description">
                                    <b>Parameters :</b>
                                    <table class="params">
                                        <thead>
                                            <tr>
                                                <td>Name</td>
                                                <td>Optional</td>
                                            </tr>
                                        </thead>
                                        <tbody>
                                                <tr>
                                                        <td>e</td>
                                                    
                                                    <td>
                                                            No
                                                    </td>
                                                    

                                                </tr>
                                        </tbody>
                                    </table>
                            </div>
                            <div>
                            </div>
                            <div class="io-description">
                                <b>Returns : </b>    <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>

                            </div>
                                <div class="io-description">
                                    
                                </div>
                    </td>
                </tr>
            </tbody>
        </table>
        <table class="table table-sm table-bordered">
            <tbody>
                <tr>
                    <td class="col-md-4">
                        <a name="onChangeType"></a>
                        <span class="name">
                            <b>
                            onChangeType
                            </b>
                            <a href="#onChangeType"><span class="icon ion-ios-link"></span></a>
                        </span>
                    </td>
                </tr>
                <tr>
                    <td class="col-md-4">
<code>onChangeType(e: )</code>
                    </td>
                </tr>


                        <tr>
                            <td class="col-md-4">
                                    <div class="io-line">Defined in <a href="" data-line="257" class="link-to-prism">src/app/user/cpt/good/good.component.ts:257</a></div>
                            </td>
                        </tr>


                <tr>
                    <td class="col-md-4">

                            <div class="io-description">
                                    <b>Parameters :</b>
                                    <table class="params">
                                        <thead>
                                            <tr>
                                                <td>Name</td>
                                                <td>Optional</td>
                                            </tr>
                                        </thead>
                                        <tbody>
                                                <tr>
                                                        <td>e</td>
                                                    
                                                    <td>
                                                            No
                                                    </td>
                                                    

                                                </tr>
                                        </tbody>
                                    </table>
                            </div>
                            <div>
                            </div>
                            <div class="io-description">
                                <b>Returns : </b>    <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>

                            </div>
                                <div class="io-description">
                                    
                                </div>
                    </td>
                </tr>
            </tbody>
        </table>
        <table class="table table-sm table-bordered">
            <tbody>
                <tr>
                    <td class="col-md-4">
                        <a name="onChangeXlsxData"></a>
                        <span class="name">
                            <b>
                            onChangeXlsxData
                            </b>
                            <a href="#onChangeXlsxData"><span class="icon ion-ios-link"></span></a>
                        </span>
                    </td>
                </tr>
                <tr>
                    <td class="col-md-4">
<code>onChangeXlsxData(e: )</code>
                    </td>
                </tr>


                        <tr>
                            <td class="col-md-4">
                                    <div class="io-line">Defined in <a href="" data-line="261" class="link-to-prism">src/app/user/cpt/good/good.component.ts:261</a></div>
                            </td>
                        </tr>


                <tr>
                    <td class="col-md-4">

                            <div class="io-description">
                                    <b>Parameters :</b>
                                    <table class="params">
                                        <thead>
                                            <tr>
                                                <td>Name</td>
                                                <td>Optional</td>
                                            </tr>
                                        </thead>
                                        <tbody>
                                                <tr>
                                                        <td>e</td>
                                                    
                                                    <td>
                                                            No
                                                    </td>
                                                    

                                                </tr>
                                        </tbody>
                                    </table>
                            </div>
                            <div>
                            </div>
                            <div class="io-description">
                                <b>Returns : </b>    <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>

                            </div>
                                <div class="io-description">
                                    
                                </div>
                    </td>
                </tr>
            </tbody>
        </table>
        <table class="table table-sm table-bordered">
            <tbody>
                <tr>
                    <td class="col-md-4">
                        <a name="onInputClubName"></a>
                        <span class="name">
                            <b>
                            onInputClubName
                            </b>
                            <a href="#onInputClubName"><span class="icon ion-ios-link"></span></a>
                        </span>
                    </td>
                </tr>
                <tr>
                    <td class="col-md-4">
<code>onInputClubName(e: )</code>
                    </td>
                </tr>


                        <tr>
                            <td class="col-md-4">
                                    <div class="io-line">Defined in <a href="" data-line="184" class="link-to-prism">src/app/user/cpt/good/good.component.ts:184</a></div>
                            </td>
                        </tr>


                <tr>
                    <td class="col-md-4">

                            <div class="io-description">
                                    <b>Parameters :</b>
                                    <table class="params">
                                        <thead>
                                            <tr>
                                                <td>Name</td>
                                                <td>Optional</td>
                                            </tr>
                                        </thead>
                                        <tbody>
                                                <tr>
                                                        <td>e</td>
                                                    
                                                    <td>
                                                            No
                                                    </td>
                                                    

                                                </tr>
                                        </tbody>
                                    </table>
                            </div>
                            <div>
                            </div>
                            <div class="io-description">
                                <b>Returns : </b>    <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>

                            </div>
                                <div class="io-description">
                                    
                                </div>
                    </td>
                </tr>
            </tbody>
        </table>
        <table class="table table-sm table-bordered">
            <tbody>
                <tr>
                    <td class="col-md-4">
                        <a name="onSubmit"></a>
                        <span class="name">
                            <b>
                                <span class="modifier">Async</span>
                            onSubmit
                            </b>
                            <a href="#onSubmit"><span class="icon ion-ios-link"></span></a>
                        </span>
                    </td>
                </tr>
                <tr>
                    <td class="col-md-4">
                            <span class="modifier-icon icon ion-ios-reset"></span>
                        <code>onSubmit()</code>
                    </td>
                </tr>


                        <tr>
                            <td class="col-md-4">
                                    <div class="io-line">Defined in <a href="" data-line="197" class="link-to-prism">src/app/user/cpt/good/good.component.ts:197</a></div>
                            </td>
                        </tr>


                <tr>
                    <td class="col-md-4">

                            <div class="io-description">
                                <b>Returns : </b>    <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >any</a></code>

                            </div>
                    </td>
                </tr>
            </tbody>
        </table>
        <table class="table table-sm table-bordered">
            <tbody>
                <tr>
                    <td class="col-md-4">
                        <a name="toggleEdit"></a>
                        <span class="name">
                            <b>
                            toggleEdit
                            </b>
                            <a href="#toggleEdit"><span class="icon ion-ios-link"></span></a>
                        </span>
                    </td>
                </tr>
                <tr>
                    <td class="col-md-4">
<code>toggleEdit()</code>
                    </td>
                </tr>


                        <tr>
                            <td class="col-md-4">
                                    <div class="io-line">Defined in <a href="" data-line="265" class="link-to-prism">src/app/user/cpt/good/good.component.ts:265</a></div>
                            </td>
                        </tr>


                <tr>
                    <td class="col-md-4">

                            <div class="io-description">
                                <b>Returns : </b>    <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>

                            </div>
                    </td>
                </tr>
            </tbody>
        </table>
</section>

    <section>
    
        <h3 id="inputs">
            Properties
        </h3>
        <table class="table table-sm table-bordered">
            <tbody>
                <tr>
                    <td class="col-md-4">
                        <a name="agreeRule"></a>
                        <span class="name">
                            <b>
                            agreeRule
                            </b>
                            <a href="#agreeRule"><span class="icon ion-ios-link"></span></a>
                        </span>
                    </td>
                </tr>
                <tr>
                    <td class="col-md-4">
                        <code>agreeRule:     <code></code>
</code>
                    </td>
                </tr>
                    <tr>
                        <td class="col-md-4">
                            <i>Default value : </i><code>false</code>
                        </td>
                    </tr>
                        <tr>
                            <td class="col-md-4">
                                    <div class="io-line">Defined in <a href="" data-line="20" class="link-to-prism">src/app/user/cpt/good/good.component.ts:20</a></div>
                            </td>
                        </tr>


            </tbody>
        </table>
        <table class="table table-sm table-bordered">
            <tbody>
                <tr>
                    <td class="col-md-4">
                        <a name="form"></a>
                        <span class="name">
                            <b>
                            form
                            </b>
                            <a href="#form"><span class="icon ion-ios-link"></span></a>
                        </span>
                    </td>
                </tr>
                <tr>
                    <td class="col-md-4">
                        <code>form:     <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >any</a></code>
</code>
                    </td>
                </tr>
                    <tr>
                        <td class="col-md-4">
                            <i>Type : </i>    <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >any</a></code>

                        </td>
                    </tr>
                    <tr>
                        <td class="col-md-4">
                            <i>Default value : </i><code>{
    //筛选条件用
    type: {
      val: [],
      isValidate: false,
    },
    startEndCity: {
      val: &#x27;&#x27;,
      isValidate: false,
    },
    aimPlace: {
      val: &#x27;&#x27;,
      isValidate: false,
    },
    meetPlace: {
      val: &#x27;&#x27;,
      isValidate: false,
    },
    //花费时间
    spendTime: {
      val: &#x27;&#x27;,
      isValidate: false,
    },
    imgs: {
      val: &#x27;&#x27;,
      isValidate: false,
    },
    durationTeam: {
      val: &#x27;A&#x27;,
      isValidate: false,
    },
    phone: {
      val: &#x27;&#x27;,
      isValidate: false,
    },
    clubName: {
      val: &#x27;&#x27;,
      isValidate: false,
    },
    enrollTpl: {
      val: &#x27;&#x27;,
      isValidate: false,
    },
    introduceAim: {
      val: &#x27;&#x27;,
      isValidate: false,
    },
    introduceRide: {
      val: &#x27;&#x27;,
      isValidate: false,
    },
    introduceData: {
      val: &#x27;&#x27;,
      isValidate: false,
    },
    introduceWear: {
      val: &#x27;&#x27;,
      isValidate: false,
    },
    introduceFee: {
      val: &#x27;&#x27;,
      isValidate: false,
    },
  }</code>
                        </td>
                    </tr>
                        <tr>
                            <td class="col-md-4">
                                    <div class="io-line">Defined in <a href="" data-line="32" class="link-to-prism">src/app/user/cpt/good/good.component.ts:32</a></div>
                            </td>
                        </tr>


            </tbody>
        </table>
        <table class="table table-sm table-bordered">
            <tbody>
                <tr>
                    <td class="col-md-4">
                        <a name="isEdit"></a>
                        <span class="name">
                            <b>
                            isEdit
                            </b>
                            <a href="#isEdit"><span class="icon ion-ios-link"></span></a>
                        </span>
                    </td>
                </tr>
                <tr>
                    <td class="col-md-4">
                        <code>isEdit:     <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
</code>
                    </td>
                </tr>
                    <tr>
                        <td class="col-md-4">
                            <i>Type : </i>    <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>

                        </td>
                    </tr>
                    <tr>
                        <td class="col-md-4">
                            <i>Default value : </i><code>true</code>
                        </td>
                    </tr>
                        <tr>
                            <td class="col-md-4">
                                    <div class="io-line">Defined in <a href="" data-line="12" class="link-to-prism">src/app/user/cpt/good/good.component.ts:12</a></div>
                            </td>
                        </tr>


            </tbody>
        </table>
        <table class="table table-sm table-bordered">
            <tbody>
                <tr>
                    <td class="col-md-4">
                        <a name="loading"></a>
                        <span class="name">
                            <b>
                            loading
                            </b>
                            <a href="#loading"><span class="icon ion-ios-link"></span></a>
                        </span>
                    </td>
                </tr>
                <tr>
                    <td class="col-md-4">
                        <code>loading:     <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
</code>
                    </td>
                </tr>
                    <tr>
                        <td class="col-md-4">
                            <i>Type : </i>    <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>

                        </td>
                    </tr>
                    <tr>
                        <td class="col-md-4">
                            <i>Default value : </i><code>false</code>
                        </td>
                    </tr>
                        <tr>
                            <td class="col-md-4">
                                    <div class="io-line">Defined in <a href="" data-line="14" class="link-to-prism">src/app/user/cpt/good/good.component.ts:14</a></div>
                            </td>
                        </tr>


            </tbody>
        </table>
        <table class="table table-sm table-bordered">
            <tbody>
                <tr>
                    <td class="col-md-4">
                        <a name="query"></a>
                        <span class="name">
                            <b>
                            query
                            </b>
                            <a href="#query"><span class="icon ion-ios-link"></span></a>
                        </span>
                    </td>
                </tr>
                <tr>
                    <td class="col-md-4">
                        <code>query:     <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >any</a></code>
</code>
                    </td>
                </tr>
                    <tr>
                        <td class="col-md-4">
                            <i>Type : </i>    <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >any</a></code>

                        </td>
                    </tr>
                    <tr>
                        <td class="col-md-4">
                            <i>Default value : </i><code>{}</code>
                        </td>
                    </tr>
                        <tr>
                            <td class="col-md-4">
                                    <div class="io-line">Defined in <a href="" data-line="97" class="link-to-prism">src/app/user/cpt/good/good.component.ts:97</a></div>
                            </td>
                        </tr>


            </tbody>
        </table>
        <table class="table table-sm table-bordered">
            <tbody>
                <tr>
                    <td class="col-md-4">
                        <a name="radioValue"></a>
                        <span class="name">
                            <b>
                            radioValue
                            </b>
                            <a href="#radioValue"><span class="icon ion-ios-link"></span></a>
                        </span>
                    </td>
                </tr>
                <tr>
                    <td class="col-md-4">
                        <code>radioValue:     <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
</code>
                    </td>
                </tr>
                    <tr>
                        <td class="col-md-4">
                            <i>Type : </i>    <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>

                        </td>
                    </tr>
                    <tr>
                        <td class="col-md-4">
                            <i>Default value : </i><code>&#x27;A&#x27;</code>
                        </td>
                    </tr>
                        <tr>
                            <td class="col-md-4">
                                    <div class="io-line">Defined in <a href="" data-line="18" class="link-to-prism">src/app/user/cpt/good/good.component.ts:18</a></div>
                            </td>
                        </tr>


            </tbody>
        </table>
        <table class="table table-sm table-bordered">
            <tbody>
                <tr>
                    <td class="col-md-4">
                        <a name="spendTimeLists"></a>
                        <span class="name">
                            <b>
                            spendTimeLists
                            </b>
                            <a href="#spendTimeLists"><span class="icon ion-ios-link"></span></a>
                        </span>
                    </td>
                </tr>
                <tr>
                    <td class="col-md-4">
                        <code>spendTimeLists:     <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >any</a></code>
</code>
                    </td>
                </tr>
                    <tr>
                        <td class="col-md-4">
                            <i>Type : </i>    <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >any</a></code>

                        </td>
                    </tr>
                    <tr>
                        <td class="col-md-4">
                            <i>Default value : </i><code>[]</code>
                        </td>
                    </tr>
                        <tr>
                            <td class="col-md-4">
                                    <div class="io-line">Defined in <a href="" data-line="117" class="link-to-prism">src/app/user/cpt/good/good.component.ts:117</a></div>
                            </td>
                        </tr>


            </tbody>
        </table>
        <table class="table table-sm table-bordered">
            <tbody>
                <tr>
                    <td class="col-md-4">
                        <a name="validateForm"></a>
                        <span class="name">
                            <b>
                            validateForm
                            </b>
                            <a href="#validateForm"><span class="icon ion-ios-link"></span></a>
                        </span>
                    </td>
                </tr>
                <tr>
                    <td class="col-md-4">
                        <code>validateForm:     <code><a href="https://angular.io/api/forms/FormGroup" target="_blank" >FormGroup</a></code>
</code>
                    </td>
                </tr>
                    <tr>
                        <td class="col-md-4">
                            <i>Type : </i>    <code><a href="https://angular.io/api/forms/FormGroup" target="_blank" >FormGroup</a></code>

                        </td>
                    </tr>
                        <tr>
                            <td class="col-md-4">
                                    <div class="io-line">Defined in <a href="" data-line="16" class="link-to-prism">src/app/user/cpt/good/good.component.ts:16</a></div>
                            </td>
                        </tr>


            </tbody>
        </table>
</section>

    <section>
    <h3 id="accessors">
        Accessors
    </h3>
        <table class="table table-sm table-bordered">
            <tbody>
                <tr>
                    <td class="col-md-4">
                        <a name="validateData"></a>
                        <span class="name"><b>validateData</b><a href="#validateData"><span class="icon ion-ios-link"></span></a></span>
                    </td>
                </tr>

                <tr>
                    <td class="col-md-4">
                        <span class="accessor"><b>get</b><code>validateData()</code></span>
                    </td>
                </tr>
                            <tr>
                                <td class="col-md-4">
                                    <div class="io-line">Defined in <a href="" data-line="99" class="link-to-prism">src/app/user/cpt/good/good.component.ts:99</a></div>
                                </td>
                            </tr>

            </tbody>
        </table>
        <table class="table table-sm table-bordered">
            <tbody>
                <tr>
                    <td class="col-md-4">
                        <a name="btnText"></a>
                        <span class="name"><b>btnText</b><a href="#btnText"><span class="icon ion-ios-link"></span></a></span>
                    </td>
                </tr>

                <tr>
                    <td class="col-md-4">
                        <span class="accessor"><b>get</b><code>btnText()</code></span>
                    </td>
                </tr>
                            <tr>
                                <td class="col-md-4">
                                    <div class="io-line">Defined in <a href="" data-line="110" class="link-to-prism">src/app/user/cpt/good/good.component.ts:110</a></div>
                                </td>
                            </tr>

            </tbody>
        </table>
</section>
</div>


    <div class="tab-pane fade  tab-source-code" id="c-source">
        <pre class="line-numbers compodoc-sourcecode"><code class="language-typescript">import { Component, Inject, OnInit } from &#x27;@angular/core&#x27;;
import { FormBuilder, FormControl, FormGroup, Validators } from &#x27;@angular/forms&#x27;;
import { Router, ActivatedRoute } from &#x27;@angular/router&#x27;;
import _ from &#x27;lodash&#x27;;

@Component({
  selector: &#x27;app-good&#x27;,
  templateUrl: &#x27;./good.component.html&#x27;,
  styleUrls: [&#x27;./good.component.scss&#x27;],
})
export class GoodComponent implements OnInit {
  isEdit: boolean &#x3D; true;

  loading: boolean &#x3D; false;

  validateForm: FormGroup;

  radioValue: string &#x3D; &#x27;A&#x27;;

  agreeRule &#x3D; false;

  constructor(
    @Inject(&#x27;RegService&#x27;) private regService,
    private fb: FormBuilder,
    @Inject(&#x27;StoreService&#x27;) private storeService,
    @Inject(&#x27;NzMessageService&#x27;) private nzMessageService,
    @Inject(&#x27;UtilsService&#x27;) private utilsService,
    private router: Router,
    private activatedRoute: ActivatedRoute,
  ) {}

  form: any &#x3D; {
    //筛选条件用
    type: {
      val: [],
      isValidate: false,
    },
    startEndCity: {
      val: &#x27;&#x27;,
      isValidate: false,
    },
    aimPlace: {
      val: &#x27;&#x27;,
      isValidate: false,
    },
    meetPlace: {
      val: &#x27;&#x27;,
      isValidate: false,
    },
    //花费时间
    spendTime: {
      val: &#x27;&#x27;,
      isValidate: false,
    },
    imgs: {
      val: &#x27;&#x27;,
      isValidate: false,
    },
    durationTeam: {
      val: &#x27;A&#x27;,
      isValidate: false,
    },
    phone: {
      val: &#x27;&#x27;,
      isValidate: false,
    },
    clubName: {
      val: &#x27;&#x27;,
      isValidate: false,
    },
    enrollTpl: {
      val: &#x27;&#x27;,
      isValidate: false,
    },
    introduceAim: {
      val: &#x27;&#x27;,
      isValidate: false,
    },
    introduceRide: {
      val: &#x27;&#x27;,
      isValidate: false,
    },
    introduceData: {
      val: &#x27;&#x27;,
      isValidate: false,
    },
    introduceWear: {
      val: &#x27;&#x27;,
      isValidate: false,
    },
    introduceFee: {
      val: &#x27;&#x27;,
      isValidate: false,
    },
  };

  query: any &#x3D; {};

  get validateData() {
    let ret &#x3D; true;
    for (let key in this.form) {
      const item &#x3D; this.form[key];
      if (_.isEmpty(item.val)) {
        ret &#x3D; false;
      }
    }
    return ret &amp;&amp; this.agreeRule;
  }

  get btnText() {
    if (this.isEdit) {
      return &#x27;保存活动&#x27;;
    }
    return &#x27;发布活动&#x27;;
  }

  spendTimeLists: any &#x3D; [];

  async ngOnInit() {
    // 5b90e2d37c76ac8a9d3cce82
    this.addListen();
  }

  addListen() {
    this.storeService.subscribe(async state &#x3D;&gt; {
      const { user, query, common, good } &#x3D; state;

      if (query.id) {
        //新的状态与老的状态不一样 且 状态准备好 才会渲染
        //这里还存在很多优化空间
        //比如 状态机 状态 和 组件内部状态进行对比 不同则更新

        if (this.query.id !&#x3D;&#x3D; query.id) {
          if (this.isEdit) {
            const res &#x3D; await this.storeService.dispatch(&#x27;findGood&#x27;, { id: query.id });
          }
        }
      }

      if (common.config.D) {
        this.initSpendTimeLists();
      }

      if (user.info.phone) {
        this.initPhone();
      }

      if (good.save) {
        this.initFormData();
      }

      //状态同步到本地都在最前
      this.query &#x3D; query;
      this.isEdit &#x3D; this.query.id ? true : false;
    });
  }

  initFormData() {
    const save &#x3D; _.merge({}, this.storeService.state.good.save);
    for (let key in save) {
      const item &#x3D; save[key];
      this.form[key] &amp;&amp; (this.form[key].val &#x3D; item);
    }
  }

  isPhone(v) {
    return this.regService.phone.test(v);
  }

  initPhone() {
    this.form.phone.val &#x3D; this.storeService.state.user.info.phone;
  }

  initSpendTimeLists() {
    this.spendTimeLists &#x3D; this.storeService.state.common.config.D.map(item &#x3D;&gt; {
      return {
        ...item,
        label: item.name,
        value: item.code,
      };
    });
  }

  onInputClubName(e) {
    console.log(this.form);
  }

  getFormData() {
    const data &#x3D; {};
    for (let key in this.form) {
      const item &#x3D; this.form[key];
      data[key] &#x3D; item.val;
    }
    return data;
  }

  async onSubmit() {
    const data &#x3D; this.getFormData();

    if (this.isEdit) {
      data[&#x27;id&#x27;] &#x3D; this.query.id;
      this.loading &#x3D; true;
      const res &#x3D; await this.storeService.dispatch(&#x27;saveGood&#x27;, data);
      this.loading &#x3D; false;
      if (200 &#x3D;&#x3D; res.code) {
        this.nzMessageService.success(&#x27;保存成功&#x27;);
        return;
      }
      this.nzMessageService.error(res.msg);
      return;
    }

    this.loading &#x3D; true;
    const res &#x3D; await this.storeService.dispatch(&#x27;addGood&#x27;, data);
    this.loading &#x3D; false;
    if (200 &#x3D;&#x3D; res.code) {
      this.nzMessageService.success(&#x27;添加成功&#x27;);
      this.router.navigate([&#x60;/u/good&#x60;], { queryParams: { id: res.data._id } });
      return;
    }
    this.nzMessageService.error(res.msg);
  }

  onChangeAreaRange(e) {
    this.form.startEndCity.val &#x3D; {
      start: e.start.city,
      end: e.end.city,
    };
  }

  onChangeAim(e) {
    this.form.aimPlace.val &#x3D; e;
  }

  onChangeMap(e) {
    const point &#x3D; _.merge({}, e);
    this.form.meetPlace.val &#x3D; point;
  }

  async onChangeFile(e: any) {
    if (e.type &#x3D;&#x3D;&#x3D; &#x27;upload&#x27;) {
      this.form.imgs.val &#x3D; e.val;
    }
    if (e.type &#x3D;&#x3D;&#x3D; &#x27;del&#x27;) {
      console.log(e.val, 999999);
      await this.storeService.dispatch(&#x27;delGoodImgs&#x27;, {
        uid: e.uid,
        id: this.query.id,
      });
    }
  }

  onChangeSpendTime(e) {
    console.log(e);
  }

  onChangeType(e) {
    this.form.type.val &#x3D; e;
  }

  onChangeXlsxData(e) {
    this.form.enrollTpl.val &#x3D; _.merge([], e);
  }

  toggleEdit() {
    this.isEdit &#x3D; !this.isEdit;
  }
}
</code></pre>
    </div>

    <div class="tab-pane fade " id="c-templateData">
        <pre class="line-numbers"><code class="language-html">&lt;nz-card nzTitle&#x3D;&quot;线路信息&quot;&gt;
  &lt;p&gt;
    深入了解著名的探险家和她在该领域的奇妙冒险深入了解著名的探险家和她在该领域的奇妙冒险深入了解著名的探险家和她在该领域的奇妙冒险深入了解著名的探险家和她在该领域的奇妙冒险深入了解著名的探险家和她在该领域的奇妙冒险
  &lt;/p&gt;
&lt;/nz-card&gt;
&lt;nz-card [ngClass]&#x3D;&quot;isEdit ? &#x27;panel-app isEdit&#x27;:&#x27;panel-app&#x27;&quot; nzTitle&#x3D;&quot;添加活动&quot; [nzExtra]&#x3D;&quot;extraTemplate&quot;&gt;

  &lt;form nz-form&gt;
    &lt;nz-form-item&gt;
      &lt;nz-form-label [nzSm]&#x3D;&quot;6&quot; [nzXs]&#x3D;&quot;24&quot;&gt;始发城市&lt;/nz-form-label&gt;
      &lt;nz-form-control [nzSm]&#x3D;&quot;14&quot; [nzXs]&#x3D;&quot;24&quot;&gt;
        &lt;app-select-area-range [onRange]&#x3D;&quot;form.startEndCity.val&quot; [type]&#x3D;&quot;&#x27;city&#x27;&quot; (onChange)&#x3D;&quot;onChangeAreaRange($event)&quot;&gt;&lt;/app-select-area-range&gt;
        &lt;nz-form-explain *ngIf&#x3D;&quot;!form.startEndCity.val&quot;&gt;请选择始发城市&lt;/nz-form-explain&gt;
      &lt;/nz-form-control&gt;
    &lt;/nz-form-item&gt;
    &lt;nz-form-item&gt;
      &lt;nz-form-label [nzSm]&#x3D;&quot;6&quot; [nzXs]&#x3D;&quot;24&quot;&gt;活动（目的地）地点&lt;/nz-form-label&gt;
      &lt;nz-form-control [nzSm]&#x3D;&quot;14&quot; [nzXs]&#x3D;&quot;24&quot;&gt;
        &lt;app-select-area [onArea]&#x3D;&quot;form.aimPlace.val&quot; [type]&#x3D;&quot;&#x27;city&#x27;&quot; (onChange)&#x3D;&quot;onChangeAim($event)&quot;&gt;&lt;/app-select-area&gt;
        &lt;nz-form-explain *ngIf&#x3D;&quot;!form.aimPlace.val&quot;&gt;请选择活动地点&lt;/nz-form-explain&gt;
      &lt;/nz-form-control&gt;
    &lt;/nz-form-item&gt;

    &lt;nz-form-item&gt;
      &lt;nz-form-label [nzSm]&#x3D;&quot;6&quot; [nzXs]&#x3D;&quot;24&quot;&gt;活动时长&lt;/nz-form-label&gt;
      &lt;nz-form-control [nzSm]&#x3D;&quot;14&quot; [nzXs]&#x3D;&quot;24&quot;&gt;
        &lt;nz-select [ngModelOptions]&#x3D;&quot;{standalone: true}&quot; (ngModelChange)&#x3D;&quot;onChangeSpendTime($event)&quot; nzShowSearch
          nzAllowClear nzPlaceHolder&#x3D;&quot;Select a person&quot; [(ngModel)]&#x3D;&quot;form.spendTime.val&quot;&gt;
          &lt;nz-option *ngFor&#x3D;&quot;let option of spendTimeLists&quot; [nzLabel]&#x3D;&quot;option.label&quot; [nzValue]&#x3D;&quot;option.value&quot;&gt;&lt;/nz-option&gt;
        &lt;/nz-select&gt;
        &lt;nz-form-explain *ngIf&#x3D;&quot;!form.spendTime.val&quot;&gt;请选择活动时长&lt;/nz-form-explain&gt;
      &lt;/nz-form-control&gt;
    &lt;/nz-form-item&gt;
    &lt;nz-form-item&gt;
      &lt;nz-form-label [nzSm]&#x3D;&quot;6&quot; [nzXs]&#x3D;&quot;24&quot;&gt;类型&lt;/nz-form-label&gt;
      &lt;nz-form-control [nzSm]&#x3D;&quot;14&quot; [nzXs]&#x3D;&quot;24&quot;&gt;
        &lt;app-select-good-type [onType]&#x3D;&quot;form.type.val&quot; [type]&#x3D;&quot;&#x27;g3&#x27;&quot; (onChange)&#x3D;&quot;onChangeType($event)&quot;&gt;&lt;/app-select-good-type&gt;
        &lt;nz-form-explain *ngIf&#x3D;&quot;!form.type.val.length&quot;&gt;请选择类型&lt;/nz-form-explain&gt;
      &lt;/nz-form-control&gt;
    &lt;/nz-form-item&gt;
    &lt;nz-form-item&gt;
      &lt;nz-form-label [nzSm]&#x3D;&quot;6&quot; [nzXs]&#x3D;&quot;24&quot;&gt;集合地点&lt;/nz-form-label&gt;
      &lt;nz-form-control [nzSm]&#x3D;&quot;14&quot; [nzXs]&#x3D;&quot;24&quot;&gt;
        &lt;app-select-pos [onPlace]&#x3D;&quot;form.meetPlace.val&quot; (onChange)&#x3D;&quot;onChangeMap($event)&quot;&gt;&lt;/app-select-pos&gt;
        &lt;nz-form-explain *ngIf&#x3D;&quot;!form.meetPlace.val&quot;&gt;请选择集合地点&lt;/nz-form-explain&gt;
      &lt;/nz-form-control&gt;
    &lt;/nz-form-item&gt;
    &lt;nz-form-item&gt;
      &lt;nz-form-label [nzSm]&#x3D;&quot;6&quot; [nzXs]&#x3D;&quot;24&quot;&gt;图片&lt;/nz-form-label&gt;
      &lt;nz-form-control [nzSm]&#x3D;&quot;14&quot; [nzXs]&#x3D;&quot;24&quot;&gt;
        &lt;app-file [fileList]&#x3D;&quot;form.imgs.val&quot; (onChange)&#x3D;&quot;onChangeFile($event)&quot;&gt;&lt;/app-file&gt;
      &lt;/nz-form-control&gt;
    &lt;/nz-form-item&gt;
    &lt;nz-form-item&gt;
      &lt;nz-form-label [nzSm]&#x3D;&quot;6&quot; [nzXs]&#x3D;&quot;24&quot;&gt;团期&lt;/nz-form-label&gt;
      &lt;nz-form-control [nzSm]&#x3D;&quot;14&quot; [nzXs]&#x3D;&quot;24&quot;&gt;
        &lt;div class&#x3D;&quot;df jcsb aic&quot;&gt;
          &lt;nz-radio-group [ngModelOptions]&#x3D;&quot;{standalone: true}&quot; [(ngModel)]&#x3D;&quot;form.durationTeam.val&quot; [nzButtonStyle]&#x3D;&quot;&#x27;solid&#x27;&quot;&gt;
            &lt;label nz-radio-button nzValue&#x3D;&quot;A&quot;&gt;自定义团期1&lt;/label&gt;
            &lt;label nz-radio-button nzValue&#x3D;&quot;B&quot;&gt;自定义团期2&lt;/label&gt;
            &lt;label nz-radio-button nzValue&#x3D;&quot;C&quot;&gt;自定义团期3&lt;/label&gt;
            &lt;label nz-radio-button nzValue&#x3D;&quot;D&quot;&gt;自定义团期4&lt;/label&gt;
          &lt;/nz-radio-group&gt;
          &lt;button nz-button nzType&#x3D;&quot;primary&quot;&gt;添加团期&lt;/button&gt;
        &lt;/div&gt;
      &lt;/nz-form-control&gt;
    &lt;/nz-form-item&gt;
    &lt;nz-form-item&gt;
      &lt;nz-form-label [nzSm]&#x3D;&quot;6&quot; [nzXs]&#x3D;&quot;24&quot; nzFor&#x3D;&quot;phone&quot;&gt;手机号&lt;/nz-form-label&gt;
      &lt;nz-form-control [nzSm]&#x3D;&quot;14&quot; [nzXs]&#x3D;&quot;24&quot;&gt;
        &lt;input [attr.disabled]&#x3D;&quot;&#x27;disabled&#x27;&quot; [ngModelOptions]&#x3D;&quot;{standalone: true}&quot; [(ngModel)]&#x3D;&quot;form.phone.val&quot; nz-input
          id&#x3D;&quot;phone&quot;&gt;
        &lt;nz-form-explain *ngIf&#x3D;&quot;!form.phone.val&quot;&gt;未绑定手机号 请 &lt;a [routerLink]&#x3D;&quot;[&#x27;/u/my&#x27;]&quot;&gt;完善信息&gt;&gt;&lt;/a&gt;&lt;/nz-form-explain&gt;
      &lt;/nz-form-control&gt;
    &lt;/nz-form-item&gt;
    &lt;nz-form-item&gt;
      &lt;nz-form-label [nzSm]&#x3D;&quot;6&quot; [nzXs]&#x3D;&quot;24&quot;&gt;俱乐部名称&lt;/nz-form-label&gt;
      &lt;nz-form-control [nzSm]&#x3D;&quot;14&quot; [nzXs]&#x3D;&quot;24&quot;&gt;
        &lt;input [ngModelOptions]&#x3D;&quot;{standalone: true}&quot; [(ngModel)]&#x3D;&quot;form.clubName.val&quot; (input)&#x3D;&quot;onInputClubName($event)&quot;
          nz-input id&#x3D;&quot;clubName&quot;&gt;
        &lt;nz-form-explain *ngIf&#x3D;&quot;!form.clubName.val&quot;&gt;请输入俱乐部名称&lt;/nz-form-explain&gt;
      &lt;/nz-form-control&gt;
    &lt;/nz-form-item&gt;
    &lt;nz-form-item&gt;
      &lt;nz-form-label [nzSm]&#x3D;&quot;6&quot; [nzXs]&#x3D;&quot;24&quot;&gt;目的地介绍&lt;/nz-form-label&gt;
      &lt;nz-form-control [nzSm]&#x3D;&quot;14&quot; [nzXs]&#x3D;&quot;24&quot;&gt;
        &lt;textarea row&#x3D;&quot;4&quot; nz-input [ngModelOptions]&#x3D;&quot;{standalone: true}&quot; [(ngModel)]&#x3D;&quot;form.introduceAim.val&quot;&gt;&lt;/textarea&gt;
        &lt;nz-form-explain *ngIf&#x3D;&quot;!form.introduceAim.val&quot;&gt;请输入目的地介绍&lt;/nz-form-explain&gt;
      &lt;/nz-form-control&gt;
    &lt;/nz-form-item&gt;
    &lt;nz-form-item&gt;
      &lt;nz-form-label [nzSm]&#x3D;&quot;6&quot; [nzXs]&#x3D;&quot;24&quot;&gt;行程介绍&lt;/nz-form-label&gt;
      &lt;nz-form-control [nzSm]&#x3D;&quot;14&quot; [nzXs]&#x3D;&quot;24&quot;&gt;
        &lt;textarea row&#x3D;&quot;4&quot; nz-input [ngModelOptions]&#x3D;&quot;{standalone: true}&quot; [(ngModel)]&#x3D;&quot;form.introduceRide.val&quot;&gt;&lt;/textarea&gt;
        &lt;nz-form-explain *ngIf&#x3D;&quot;!form.introduceRide.val&quot;&gt;请输入行程介绍&lt;/nz-form-explain&gt;
      &lt;/nz-form-control&gt;
    &lt;/nz-form-item&gt;
    &lt;nz-form-item&gt;
      &lt;nz-form-label [nzSm]&#x3D;&quot;6&quot; [nzXs]&#x3D;&quot;24&quot;&gt;活动参考数据&lt;/nz-form-label&gt;
      &lt;nz-form-control [nzSm]&#x3D;&quot;14&quot; [nzXs]&#x3D;&quot;24&quot;&gt;
        &lt;textarea row&#x3D;&quot;4&quot; nz-input [ngModelOptions]&#x3D;&quot;{standalone: true}&quot; [(ngModel)]&#x3D;&quot;form.introduceData.val&quot;&gt;&lt;/textarea&gt;
        &lt;nz-form-explain *ngIf&#x3D;&quot;!form.introduceData.val&quot;&gt;请输入活动参考数据&lt;/nz-form-explain&gt;
      &lt;/nz-form-control&gt;
    &lt;/nz-form-item&gt;
    &lt;nz-form-item&gt;
      &lt;nz-form-label [nzSm]&#x3D;&quot;6&quot; [nzXs]&#x3D;&quot;24&quot;&gt;必备装备&lt;/nz-form-label&gt;
      &lt;nz-form-control [nzSm]&#x3D;&quot;14&quot; [nzXs]&#x3D;&quot;24&quot;&gt;
        &lt;textarea row&#x3D;&quot;4&quot; nz-input [ngModelOptions]&#x3D;&quot;{standalone: true}&quot; [(ngModel)]&#x3D;&quot;form.introduceWear.val&quot;&gt;&lt;/textarea&gt;
        &lt;nz-form-explain *ngIf&#x3D;&quot;!form.introduceWear.val&quot;&gt;请输入必备装备&lt;/nz-form-explain&gt;
      &lt;/nz-form-control&gt;
    &lt;/nz-form-item&gt;

    &lt;nz-form-item&gt;
      &lt;nz-form-label [nzSm]&#x3D;&quot;6&quot; [nzXs]&#x3D;&quot;24&quot;&gt;费用介绍&lt;/nz-form-label&gt;
      &lt;nz-form-control [nzSm]&#x3D;&quot;14&quot; [nzXs]&#x3D;&quot;24&quot;&gt;
        &lt;textarea row&#x3D;&quot;4&quot; nz-input [ngModelOptions]&#x3D;&quot;{standalone: true}&quot; [(ngModel)]&#x3D;&quot;form.introduceFee.val&quot;&gt;&lt;/textarea&gt;
        &lt;nz-form-explain *ngIf&#x3D;&quot;!form.introduceFee.val&quot;&gt;请输入费用介绍&lt;/nz-form-explain&gt;
      &lt;/nz-form-control&gt;
    &lt;/nz-form-item&gt;

    &lt;nz-card [nzBordered]&#x3D;&quot;false&quot; nzTitle&#x3D;&quot;报名表&quot;&gt;
      &lt;app-xlsx (onChange)&#x3D;&quot;onChangeXlsxData($event)&quot; [width]&#x3D;&quot;&#x27;100%&#x27;&quot;&gt;&lt;/app-xlsx&gt;
    &lt;/nz-card&gt;
    &lt;nz-form-item&gt;
      &lt;label [ngModelOptions]&#x3D;&quot;{standalone: true}&quot; [(ngModel)]&#x3D;&quot;agreeRule&quot; nz-checkbox&gt;我已阅读并同意了《商家入驻须知》和《用户预订须知》&lt;/label&gt;
    &lt;/nz-form-item&gt;
    &lt;nz-form-item&gt;
      &lt;!-- &lt;button nzTitle&#x3D;&quot;路线审核周期一个月&quot; (click)&#x3D;&quot;onSubmit($event)&quot; nz-tooltip nz-button [nzSize]&#x3D;&quot;&#x27;large&#x27;&quot; [ngStyle]&#x3D;&quot;{&#x27;width&#x27;:&#x27;100%&#x27;}&quot;
        nzType&#x3D;&quot;primary&quot; [attr.disabled]&#x3D;&quot;validateData?null:&#x27;disabled&#x27;&quot; [nzLoading]&#x3D;&quot;loading&quot;&gt;{{btnText}}&lt;/button&gt; --&gt;
    &lt;/nz-form-item&gt;
  &lt;/form&gt;

&lt;/nz-card&gt;
&lt;ng-template #extraTemplate&gt;
  &lt;a (click)&#x3D;&quot;toggleEdit()&quot;&gt;
    {{isEdit ? &#x27;添加&#x27;:&#x27;编辑&#x27;}}
  &lt;/a&gt;
&lt;/ng-template&gt;</code></pre>
    </div>

    <div class="tab-pane fade " id="c-tree">
        <div id="tree-container"></div>
        <div class="tree-legend">
            <div class="title">
                <b>Legend</b>
            </div>
            <div>
                <div class="color htmlelement"></div><span>Html element</span>
            </div>
            <div>
                <div class="color component"></div><span>Component</span>
            </div>
            <div>
                <div class="color directive"></div><span>Html element with directive</span>
            </div>
        </div>
    </div>

    
</div>

<script src="../js/libs/vis.min.js"></script>
<script src="../js/libs/htmlparser.js"></script>
<script src="../js/libs/deep-iterator.js"></script>
<script>
        var COMPONENT_TEMPLATE = '<div><nz-card nzTitle="线路信息">  <p>    深入了解著名的探险家和她在该领域的奇妙冒险深入了解著名的探险家和她在该领域的奇妙冒险深入了解著名的探险家和她在该领域的奇妙冒险深入了解著名的探险家和她在该领域的奇妙冒险深入了解著名的探险家和她在该领域的奇妙冒险  </p></nz-card><nz-card [ngClass]="isEdit ? \'panel-app isEdit\':\'panel-app\'" nzTitle="添加活动" [nzExtra]="extraTemplate">  <form nz-form>    <nz-form-item>      <nz-form-label [nzSm]="6" [nzXs]="24">始发城市</nz-form-label>      <nz-form-control [nzSm]="14" [nzXs]="24">        <app-select-area-range [onRange]="form.startEndCity.val" [type]="\'city\'" (onChange)="onChangeAreaRange($event)"></app-select-area-range>        <nz-form-explain *ngIf="!form.startEndCity.val">请选择始发城市</nz-form-explain>      </nz-form-control>    </nz-form-item>    <nz-form-item>      <nz-form-label [nzSm]="6" [nzXs]="24">活动（目的地）地点</nz-form-label>      <nz-form-control [nzSm]="14" [nzXs]="24">        <app-select-area [onArea]="form.aimPlace.val" [type]="\'city\'" (onChange)="onChangeAim($event)"></app-select-area>        <nz-form-explain *ngIf="!form.aimPlace.val">请选择活动地点</nz-form-explain>      </nz-form-control>    </nz-form-item>    <nz-form-item>      <nz-form-label [nzSm]="6" [nzXs]="24">活动时长</nz-form-label>      <nz-form-control [nzSm]="14" [nzXs]="24">        <nz-select [ngModelOptions]="{standalone: true}" (ngModelChange)="onChangeSpendTime($event)" nzShowSearch          nzAllowClear nzPlaceHolder="Select a person" [(ngModel)]="form.spendTime.val">          <nz-option *ngFor="let option of spendTimeLists" [nzLabel]="option.label" [nzValue]="option.value"></nz-option>        </nz-select>        <nz-form-explain *ngIf="!form.spendTime.val">请选择活动时长</nz-form-explain>      </nz-form-control>    </nz-form-item>    <nz-form-item>      <nz-form-label [nzSm]="6" [nzXs]="24">类型</nz-form-label>      <nz-form-control [nzSm]="14" [nzXs]="24">        <app-select-good-type [onType]="form.type.val" [type]="\'g3\'" (onChange)="onChangeType($event)"></app-select-good-type>        <nz-form-explain *ngIf="!form.type.val.length">请选择类型</nz-form-explain>      </nz-form-control>    </nz-form-item>    <nz-form-item>      <nz-form-label [nzSm]="6" [nzXs]="24">集合地点</nz-form-label>      <nz-form-control [nzSm]="14" [nzXs]="24">        <app-select-pos [onPlace]="form.meetPlace.val" (onChange)="onChangeMap($event)"></app-select-pos>        <nz-form-explain *ngIf="!form.meetPlace.val">请选择集合地点</nz-form-explain>      </nz-form-control>    </nz-form-item>    <nz-form-item>      <nz-form-label [nzSm]="6" [nzXs]="24">图片</nz-form-label>      <nz-form-control [nzSm]="14" [nzXs]="24">        <app-file [fileList]="form.imgs.val" (onChange)="onChangeFile($event)"></app-file>      </nz-form-control>    </nz-form-item>    <nz-form-item>      <nz-form-label [nzSm]="6" [nzXs]="24">团期</nz-form-label>      <nz-form-control [nzSm]="14" [nzXs]="24">        <div class="df jcsb aic">          <nz-radio-group [ngModelOptions]="{standalone: true}" [(ngModel)]="form.durationTeam.val" [nzButtonStyle]="\'solid\'">            <label nz-radio-button nzValue="A">自定义团期1</label>            <label nz-radio-button nzValue="B">自定义团期2</label>            <label nz-radio-button nzValue="C">自定义团期3</label>            <label nz-radio-button nzValue="D">自定义团期4</label>          </nz-radio-group>          <button nz-button nzType="primary">添加团期</button>        </div>      </nz-form-control>    </nz-form-item>    <nz-form-item>      <nz-form-label [nzSm]="6" [nzXs]="24" nzFor="phone">手机号</nz-form-label>      <nz-form-control [nzSm]="14" [nzXs]="24">        <input [attr.disabled]="\'disabled\'" [ngModelOptions]="{standalone: true}" [(ngModel)]="form.phone.val" nz-input          id="phone">        <nz-form-explain *ngIf="!form.phone.val">未绑定手机号 请 <a [routerLink]="[\'/u/my\']">完善信息>></a></nz-form-explain>      </nz-form-control>    </nz-form-item>    <nz-form-item>      <nz-form-label [nzSm]="6" [nzXs]="24">俱乐部名称</nz-form-label>      <nz-form-control [nzSm]="14" [nzXs]="24">        <input [ngModelOptions]="{standalone: true}" [(ngModel)]="form.clubName.val" (input)="onInputClubName($event)"          nz-input id="clubName">        <nz-form-explain *ngIf="!form.clubName.val">请输入俱乐部名称</nz-form-explain>      </nz-form-control>    </nz-form-item>    <nz-form-item>      <nz-form-label [nzSm]="6" [nzXs]="24">目的地介绍</nz-form-label>      <nz-form-control [nzSm]="14" [nzXs]="24">        <textarea row="4" nz-input [ngModelOptions]="{standalone: true}" [(ngModel)]="form.introduceAim.val"></textarea>        <nz-form-explain *ngIf="!form.introduceAim.val">请输入目的地介绍</nz-form-explain>      </nz-form-control>    </nz-form-item>    <nz-form-item>      <nz-form-label [nzSm]="6" [nzXs]="24">行程介绍</nz-form-label>      <nz-form-control [nzSm]="14" [nzXs]="24">        <textarea row="4" nz-input [ngModelOptions]="{standalone: true}" [(ngModel)]="form.introduceRide.val"></textarea>        <nz-form-explain *ngIf="!form.introduceRide.val">请输入行程介绍</nz-form-explain>      </nz-form-control>    </nz-form-item>    <nz-form-item>      <nz-form-label [nzSm]="6" [nzXs]="24">活动参考数据</nz-form-label>      <nz-form-control [nzSm]="14" [nzXs]="24">        <textarea row="4" nz-input [ngModelOptions]="{standalone: true}" [(ngModel)]="form.introduceData.val"></textarea>        <nz-form-explain *ngIf="!form.introduceData.val">请输入活动参考数据</nz-form-explain>      </nz-form-control>    </nz-form-item>    <nz-form-item>      <nz-form-label [nzSm]="6" [nzXs]="24">必备装备</nz-form-label>      <nz-form-control [nzSm]="14" [nzXs]="24">        <textarea row="4" nz-input [ngModelOptions]="{standalone: true}" [(ngModel)]="form.introduceWear.val"></textarea>        <nz-form-explain *ngIf="!form.introduceWear.val">请输入必备装备</nz-form-explain>      </nz-form-control>    </nz-form-item>    <nz-form-item>      <nz-form-label [nzSm]="6" [nzXs]="24">费用介绍</nz-form-label>      <nz-form-control [nzSm]="14" [nzXs]="24">        <textarea row="4" nz-input [ngModelOptions]="{standalone: true}" [(ngModel)]="form.introduceFee.val"></textarea>        <nz-form-explain *ngIf="!form.introduceFee.val">请输入费用介绍</nz-form-explain>      </nz-form-control>    </nz-form-item>    <nz-card [nzBordered]="false" nzTitle="报名表">      <app-xlsx (onChange)="onChangeXlsxData($event)" [width]="\'100%\'"></app-xlsx>    </nz-card>    <nz-form-item>      <label [ngModelOptions]="{standalone: true}" [(ngModel)]="agreeRule" nz-checkbox>我已阅读并同意了《商家入驻须知》和《用户预订须知》</label>    </nz-form-item>    <nz-form-item>      <!-- <button nzTitle="路线审核周期一个月" (click)="onSubmit($event)" nz-tooltip nz-button [nzSize]="\'large\'" [ngStyle]="{\'width\':\'100%\'}"        nzType="primary" [attr.disabled]="validateData?null:\'disabled\'" [nzLoading]="loading">{{btnText}}</button> -->    </nz-form-item>  </form></nz-card><ng-template #extraTemplate>  <a (click)="toggleEdit()">    {{isEdit ? \'添加\':\'编辑\'}}  </a></ng-template></div>'
    var COMPONENTS = [{'name': 'AppComponent', 'selector': 'app-root'},{'name': 'BComponent', 'selector': 'app-b'},{'name': 'CComponent', 'selector': 'app-c'},{'name': 'ChangeEmailComponent', 'selector': 'app-change-email'},{'name': 'ChangePasswordComponent', 'selector': 'app-change-password'},{'name': 'ChangePhoneComponent', 'selector': 'app-change-phone'},{'name': 'EnrollComponent', 'selector': 'app-enroll'},{'name': 'FileComponent', 'selector': 'app-file'},{'name': 'FooterComponent', 'selector': 'app-footer'},{'name': 'GoodComponent', 'selector': 'app-good'},{'name': 'HeaderComponent', 'selector': 'app-header'},{'name': 'HomeComponent', 'selector': 'app-home'},{'name': 'LineComponent', 'selector': 'app-line'},{'name': 'LoginComponent', 'selector': 'app-login'},{'name': 'MyComponent', 'selector': 'app-my'},{'name': 'MyComponent', 'selector': 'app-my'},{'name': 'SelectAreaComponent', 'selector': 'app-select-area'},{'name': 'SelectAreaRangeComponent', 'selector': 'app-select-area-range'},{'name': 'SelectGoodTypeComponent', 'selector': 'app-select-good-type'},{'name': 'SelectPosComponent', 'selector': 'app-select-pos'},{'name': 'SideComponent', 'selector': 'app-side'},{'name': 'UserHeaderComponent', 'selector': 'app-user-header'},{'name': 'XlsxComponent', 'selector': 'app-xlsx'}];
    var DIRECTIVES = [{'name': 'CodeDirective', 'selector': '[appCode]'}];
    var ACTUAL_COMPONENT = {'name': 'GoodComponent'};
</script>
<script src="../js/tree.js"></script>














                   </div><div class="search-results">
    <div class="has-results">
        <h1 class="search-results-title"><span class='search-results-count'></span> result-matching "<span class='search-query'></span>"</h1>
        <ul class="search-results-list"></ul>
    </div>
    <div class="no-results">
        <h1 class="search-results-title">No results matching "<span class='search-query'></span>"</h1>
    </div>
</div>
</div>
               <!-- END CONTENT -->
           </div>
       </div>

       <script>
            var COMPODOC_CURRENT_PAGE_DEPTH = 1;
            var COMPODOC_CURRENT_PAGE_CONTEXT = 'component';
            var COMPODOC_CURRENT_PAGE_URL = 'GoodComponent.html';
       </script>

       <script src="../js/libs/custom-elements.min.js"></script>
       <script src="../js/libs/lit-html.js"></script>
       <script src="../js/menu-wc.js"></script>

       <script src="../js/libs/bootstrap-native.js"></script>

       <script src="../js/libs/es6-shim.min.js"></script>
       <script src="../js/libs/EventDispatcher.js"></script>
       <script src="../js/libs/promise.min.js"></script>
       <script src="../js/libs/zepto.min.js"></script>

       <script src="../js/compodoc.js"></script>

       <script src="../js/tabs.js"></script>
       <script src="../js/menu.js"></script>
       <script src="../js/libs/clipboard.min.js"></script>
       <script src="../js/libs/prism.js"></script>
       <script src="../js/sourceCode.js"></script>
          <script src="../js/search/search.js"></script>
          <script src="../js/search/lunr.min.js"></script>
          <script src="../js/search/search-lunr.js"></script>
          <script src="../js/search/search_index.js"></script>
       <script src="../js/lazy-load-graphs.js"></script>


    </body>
</html>
